/*Common For Max 960*/

@media only screen and (max-width: 1680px) {

}



@media only screen and (max-width: 1440px) {

    .g-tit .tit {

        font-size: 24px;

    }

    .row-a3 {

        padding: 30px 40px;

    }

}



@media only screen and (max-width: 1199px) {

    .tp-nav a {

        padding: 0 8px;

    }

    .hdr .tel strong {

        font-size: 24px;

    }

    .top .logo {

        width: 248px;

        height: auto;

    }

    .top .txt {

        padding-left: 15px;

    }

    .kf {

        display: none;

    }

    .hot_search a {

        padding: 0 10px;

    }

    .hot_search {

        width: auto;

    }

    .index-snv {

        min-height: auto;

        padding-bottom: 10px;

    }

    .row-a2 {

        padding: 20px 0;

    }

    .g-tit .tit {

        font-size: 22px;

    }

    .row-a3 {

        padding: 30px 0;

    }

    .g-tit p {

        margin-top: 10px;

    }

    .row-a3 .g-tit {

        padding: 24px 0;

    }

    .ul-txtimg li .txt {

        padding: 20px 28px;

    }

    .ul-txtimg li .txt span {

        font-size: 28px;

    }

    .ul-txtimg li .txt .tit {

        font-size: 16px;

    }

    .ul-txtimg li .txt .tel {

        font-size: 18px;

    }

    .g-tit {

        padding: 30px 0;

    }

    .row-a4 {

        min-height: auto;

        padding-bottom: 30px;

    }

    .m-txt-1 {

        line-height: 32px;

    }

    .m-icon {

        margin-top: 34px;

    }

    .ul-txt-2 li .time {

        margin-right: 22px;

    }

    .ul-txt-2 li .time strong {

        font-size: 40px;

    }

    .ul-txt-2 li {

        padding: 36px 0px 27px;

    }

    .ul-txt-1,

    .ul-txt-2 {

        padding-bottom: 30px;

    }

    .row-a6 {

        padding: 38px 0;

    }

    .row-a7 {

        padding: 32px 0;

    }

    .fd-top {

        padding: 40px 0;

    }

    .row-a1 {

        padding: 10px 0;

    }

    .row-a7 {

        padding: 20px 0;

    }

}



/*Common For Max 768*/

@media only screen and (max-width: 959px) {

    body {

        padding-top: 60px;

    }

    .top .hdr {

        display: none;

    }

    .yunu-header {

        width: 100%;

        position: fixed;

        left: 0;

        top: 0;

        z-index: 99;

        background: #ffffff;

        height: 60px;

    }

    .top .logo {

        width: 210px;

    }

    .top .wp {

        height: 60px;

    }

    .menuBtn {

        position: absolute;

        display: block;

    }



    .yunu-nav {

        width: 100%;

        position: absolute;

        left: 0;

        top: 60px;

        height: auto;

        background: #e22434;

        overflow-y: auto;

        z-index: 99;

        display: none;

    }

    .yunu-nav > ul > li > a:hover {

        background: none;

    }

    .yunu-nav > ul > li > dl > dd > a {

        border-bottom: none;

    }

    .yunu-nav > ul > li {

        width: auto;

        float: none;

    }

    .yunu-nav > ul > li > a {

        width: 100%;

        height: 40px;

        line-height: 40px;

        text-align: left;

        padding-left: 36px;

        border-bottom: none;

        color: #ffffff;

    }

    .yunu-nav > li > a:hover {

        text-decoration: underline;

    }

    .yunu-nav > ul > li > dl {

        position: static;

        background: none;

        opacity: 0.6;

    }

    .yunu-nav > ul > li > dl > dd {

        text-align: left;

        padding-left: 56px;

        background: #c71625;

        border-bottom: #bebebe 1px dashed;

    }

    .yunu-nav > ul > li > dl > dd:last-child {

        border-bottom: none;

    }

    .yunu-nav > ul > li > dl > dd > a {

        border-left: none;

        border-top: none;

        color: #ffffff;

        font-size: 14px;

        height: 30px;

        line-height: 30px;

        text-align: left;

    }

    .yunu-nav > ul > li > dl > dd a:hover {

        color: #ffffff;

        text-decoration: underline;

        border-left: none;

    }

    .yunu-nav > ul > li > a:hover,

    .yunu-nav > ul > li.on > a {

        color: #ffffff;

        font-weight: normal;

    }



    .yunu-nav li .v1 {

        background-image: url(img/icon5.png) !important;

        background-position: 95% center !important;

        background-repeat: no-repeat !important;

        background-size: 12px auto !important;

    }

    .yunu-nav li .v1.on {

        background-image: url(img/icon5-on.png) !important;

        background-position: 95% center !important;

        background-repeat: no-repeat !important;

        background-size: 12px auto !important;

    }

    .top .txt {

        display: none;

    }

    .hdr .tel strong {

        font-size: 22px;

    }



    .hot_search a {

        padding: 0 5px;

    }

    .row-a1 {

        padding: 10px 0;

    }

    .tit-1 {

        display: none;

    }

    .m-category {

        width: auto;

        float: none;

    }

    .index-snv dl {

        display: none;

    }

    .index-snv {

        border: none;

        text-align: center;

    }

    .index-snv li {

        border-bottom: none;

        background: none;

        display: inline-block;

        padding: 0 15px;

        border: #e22434 1px solid;

        border-radius: 3px;

        -webkit-border-radius: 3px;

        -moz-border-radius: 3px;

        -ms-border-radius: 3px;

        -o-border-radius: 3px;

        min-height: auto;

        margin: 0 3px;

    }

    .index-snv li a {

        line-height: 32px;

    }



    .ul-img li {

        width: 50%;

    }

    .ul-img li .con a.pic {

        border: none;

    }

    .ul-img li:hover .con a.pic {

        border: none;

    }

    .ul-img li .con p a {

        font-size: 16px;

    }

    .ul-img li {

        margin-bottom: 0px;

    }

    .row-a2 {

        padding: 10px 0;

    }

    .row-a3 {

        border-top: none;

    }

    .g-tit .tit {

        font-size: 20px;

    }

    .ul-txtimg li .txt {

        padding: 15px 20px;

    }

    .ul-txtimg li .txt .tit {

        margin: 15px 0;

    }

    .ul-txtimg li .txt p {

        line-height: 24px;

        margin-bottom: 10px;

    }

    .ul-txtimg li .txt span {

        font-size: 26px;

    }

    .g-tit {

        padding: 20px 0;

    }

    .m-icon {

        margin-top: 24px;

    }

    .m-icon a span {

        width: 80px;

        height: 80px;

        margin: -40px 0 0 -40px;

    }

    .m-icon a {

        height: 80px;

    }

    .row-a4 {

        padding-bottom: 20px;

    }

    .row-a6 .col-l {

        margin-right: 15px;

    }

    .row-a6,

    .row-a7 {

        padding: 30px 0;

    }

    .fd-top li {

        display: none;

    }

    .fd-top li:first-child {

        display: block;

        width: auto;

        float: none;

    }

    .copy {

        text-align: center;

    }

    .fd-top {

        padding: 30px 0;

    }

    .ul-txtimg li {

        min-height: auto;

    }

    .index-snv li:first-child dl {

        display: none;

    }

    .row-a6 .col-l {

        display: none;

    }

    .ul-txt-2 li .time {

        display: none;

    }

    .ul-txt-2 li .txt .tit span{

        display: block;

    }

    .banner .item a .con{

        padding-top: 45%;

    }

}



/*Common For Max 480*/

@media only screen and (max-width: 768px) {

    .banner {

        z-index: -1;

    }

    .banner .slider .slick-arrow {

        opacity: 0;

    }

    .hot_search {

        display: none;

    }

    .so {

        float: none;

        width: auto;

    }

    .row-a2 {

        padding: 0 0 20px;

    }

    .row-a1 {

        border-bottom: none;

    }

    .g-tit .tit {

        font-size: 18px;

    }

    .ul-txtimg li {

        width: auto;

        float: none;

    }

    .ul-txtimg li .txt span {

        font-size: 24px;

    }

    .ul-txtimg li .txt {

        padding: 10px;

        text-align: center;

    }

    .ul-txtimg li .txt p {

        margin-bottom: 5px;

    }

    .ul-txtimg li .txt .tel {

        font-size: 16px;

        margin-top: 5px;

        display: inline-block;

    }

    .row-a3 {

        padding: 15px;

    }

    .g-tit {

        padding: 20px 0 10px;

    }

    .m-txt-1 {

        line-height: 26px;

        font-size: 14px;

    }

    .m-icon {

        margin-top: 18px;

    }

    .row-a4 {

        padding-bottom: 15px;

    }

    .m-icon {

        margin-top: 15px;

    }

    .m-icon a span {

        width: 60px;

        height: 60px;

        margin: -30px 0 0 -30px;

    }

    .m-icon a {

        height: 60px;

    }

    .ul-img-1 li {

        margin-bottom: 0px;

        width: 50%;

    }

    .ul-img-1 li a p {

        display: none;

    }

    .ul-img-1 li h4 {

        display: block;

    }

    .row-a6 .col-l {

        width: auto;

        float: none;

        margin-right: 0;

        margin-bottom: 20px;

    }

    .row-a6 {

        padding: 30px 0;

    }

    .ul-txt-1,

    .ul-txt-2 {

        padding-bottom: 20px;

    }

    .g-tit-1 {

        font-size: 18px;

        height: 48px;

        line-height: 48px;

    }

    .ul-txt-1 li {

        padding: 15px 0;

    }

    .ul-txt-1 li h4 a {

        margin-bottom: 10px;

    }

    .ul-txt-2 li {

        padding: 15px 0;

        margin: 0 15px;

    }

    .ul-txt-2 li .time strong {

        font-size: 32px;

    }

    .row-a6,

    .row-a7 {

        padding: 20px 0;

    }

    .fd-top {

        padding: 20px 0;

    }
    .pages li{
        float: none;
        width: auto;
        margin-bottom: 10px;
    }
    .pages li:last-child{
        text-align: left;
    }
    .m-list03 .box .txt .tit{
        margin-bottom: 15px;
        font-size: 18px;
    }
}



/*Common For Max 320*/

@media only screen and (max-width: 479px) {

    body {

        padding-top: 50px;

    }

    .top .logo {

        width: 184px;

    }

    .banner .slider .slick-dots {

        bottom: 10px;

    }

    .banner .slider .slick-dots li button {

        width: 8px;

        height: 8px;

    }

    .ul-img li .con p a {

        font-size: 14px;

    }

    .g-tit .tit {

        font-size: 16px;

    }

    .ul-txtimg li .txt span {

        font-size: 22px;

    }

    .ul-txtimg li .txt .tit {

        font-size: 14px;

        margin: 0;

    }

    .ul-txtimg li .txt .tel {

        margin-top: 0;

        font-size: 14px;

        height: 28px;

        line-height: 34px;

    }

    .ul-txtimg li .txt .tel span {

        font-size: 12px;

    }

    .m-icon a span {

        width: 50px;

        height: 50px;

    }

    .m-icon {

        margin-top: 10px;

    }

    .m-icon {

        margin-top: 10px;

    }

    .m-icon a span {

        width: 40px;

        height: 40px;

        margin: -20px 0 0 -20px;

    }

    .m-icon a {

        height: 40px;

    }

    .row-a6 {

        padding: 15px 0;

    }

    .g-tit-1 {

        font-size: 16px;

        height: 36px;

        line-height: 36px;

    }

    .ul-txt-1 li {

        padding: 10px 0;

        margin: 0 10px;

    }

    .ul-txt-1 li p {

        background-size: 16px auto;

    }

    .ul-txt-1 li h4 a {

        background-size: 16px auto;

        margin-bottom: 5px;

        font-size: 14px;

    }

    .ul-txt-1,

    .ul-txt-2 {

        padding-bottom: 5px;

    }

    .row-a6 .col-l {

        margin-bottom: 15px;

    }

    .ul-txt-2 li .time {

        display: none;

    }

    .row-a6 {

        padding: 15px 0;

    }



    .row-a7 {

        padding: 0;

    }

    .fd-top,

    .copy {

        padding: 10px 0;

    }

    .index-snv li a {

        line-height: 26px;

    }

    .index-snv li {

        padding: 0 10px;

        font-size: 12px;

    }

    .ul-img-1,

    .ul-img {

        margin: 0 -3px;

    }

    .ul-img-1 li a,

    .ul-img li .con {

        margin: 0 3px;

    }

    .row-a5 {

        padding-bottom: 15px;

    }

    .so input {

        height: 28px;

        line-height: 28px;

    }

    .top .wp,

    .yunu-header {

        height: 50px;

    }

    .yunu-nav {

        top: 50px;

    }

    .fd-top li .g-tit2,

    .fd-top li .tel {

        margin-bottom: 10px;

    }

    .fd-top li {

        height: auto;

    }

    .fd-top li::before {

        display: none;

    }

}